<template>
  <div class="testScene-testRelateDescript">
    <el-row :gutter="24">
      <el-col :span="12">
        <TestExplainDescriptComparison
          title="数据处理前"
          :dealDataSources="props.dealDataBeforeSources"
        />
      </el-col>
      <el-col :span="12">
        <TestExplainDescriptComparison
          title="数据处理后"
          :dealDataSources="props.dealDataAfterSources"
        />
      </el-col>
    </el-row>
  </div>
</template>

<script lang="ts" setup>
import TestExplainDescriptComparison from '../components/TestSceneTestExplainDescriptIComparison/index.vue';
const props = defineProps({
  dealDataBeforeSources: {
    type: Object,
    default: () => {
      return {};
    },
  },
  dealDataAfterSources: {
    type: Object,
    default: () => {
      return {};
    },
  },
});
</script>

<style lang="scss" scoped>
.testScene-testRelateDescript {
  height: calc(100vh - 290px);
  padding: 20px;
  overflow-y: scroll;
}
</style>
